<template>
  <Modal v-on:hidden="$emit('hidden')">
    <div class="square">
      <slot></slot>
    </div>
  </Modal>
</template>
<script>
import Modal from './Modal'
export default {
  name: 'ModalSquare',
  components: {
    Modal
  }
}
</script>
<style lang="scss" scoped>
.square{
  width: 90%;
  height: 90%;
  position: absolute;
  top: 5%;
  left: 5%;
  border: solid 2px #0A7431;
  border-radius: 5px;
  background: rgba(16,20,14,1);
}
</style>
